<!DOCTYPE html>
 <html manifest="cache.appcache"> 
<html>
<head>
    <title>Add New Channel | RSS Reader</title>
    <link rel='icon' href='../shared/img/favicon.png' type='image/png' />
    <link href="css/bootstrap.css" rel="stylesheet" />
    <link href="css/bootstrap-responsive.css" rel="stylesheet" />
    <link href="css/style.css" rel="stylesheet" />
    <script type="text/javascript" src="../shared/scripts/sprintf.js"></script>
    <script type="text/javascript" src="../shared/scripts/Database.js"></script>
    <script type="text/javascript" src="../shared/scripts/SavedFeeds.js"></script>
    <script type="text/javascript" src="../shared/scripts/jquery.js"></script>
    <script type="text/javascript" src="scripts/bootstrap.js"></script>
    <script type="text/javascript" src="../shared/scripts/scripts.js"></script>
    <script type="text/javascript" src="scripts/desktop.js"></script>
</head>
<body>
<div class="page_wrapper">
    <div class="navbar navbar-inverse navbar-fixed-top">
        <div class="navbar-inner">
            <div class="container">
                <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </a>
                <a class="brand" href="FeedsList.htm">RSS Reader</a>
                <div class="nav-collapse collapse">
                    <ul class="nav">
                        <li>
                            <a href="FeedsList.htm">Unread feeds</a>
                        </li>
                        <li>
                            <a href="OfflineFeeds.html">Offline feeds</a>
                        </li>
                        <li>
                            <span class="button-container">
                            	<a class="btn btn-small btn-danger logout-button" href="#">
                            		<i class="icon-remove-sign icon-white"></i>
                            		Log off
                           		</a>
                           	</span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="content-wrapper container">
        <div class="well well-large">
            <div class="form-horizontal">
    			<h2>
		            Add new channel
    			</h2>
    			
           		<hr>
            	<div id="new-feed-form-message"></div>
                <div class="control-group">
                    <label for="rss-name" class="control-label">RSS name</label>
                    <div class="controls">
                        <input type="text" id="rss-name" placeholder="RSS Name">
                    </div>
                </div>
                <div class="control-group">
                    <label for="rss-url" class="control-label">RSS URL</label>
                    <div class="controls">
                        <input type="text" id="rss-url" placeholder="URL" class="input-xxlarge">
                    </div>
                </div>
	        	
	            <div class="form-actions">
	                <a id="cancel-feed" href="FeedsList.htm" type="reset" class="btn">Cancel</a>
	                <button id="add-feed" class="btn btn-primary">Save changes</button>
	            </div>
	                    
            </div>
        </div>
    </div>
    
    <script type="text/javascript">
    	$(function() {
        	validateLoggedInUser();
    		bindAddFeedEvents();
    	})
    </script>
</div>
</body>
</html>
